<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            margin: 0px;
            padding: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 650px;
        }
        #content{
            height: 160px;
            width: 320px;
            border: 1px solid;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .test{
            display: flex;
            justify-content: center;
        }
        .btnEnd{
            display: flex;
            justify-content: center;
            margin-top: 10px;
        }
        #btnRegistry{
            margin-left: 40px;
        }

    </style>
</head>

<body>
    <div id="content">
        <div class="test">
            <h3>登录</h3>
        </div>
        <table class="test">
            <tr>
                <td>
                    <label for="">用户名：</label>
                </td>
                <td>
                    <input type="text" name="username" placeholder="用户名或者手机号">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="">密码：</label>
                </td>
                <td>
                    <input type="password" name="password">
                </td>
            </tr>
            <tr class="btnEnd">
                <td>
                    <input type="button" value="登录" onclick="login()">
                </td>
                <td>
                    <input id="btnRegistry" type="button" value="注册" onclick="registry()">
                </td>
            </tr>
        </table>
    </div>
    <script>
        function login(){
            location.href='./index.html';
        }
        function registry(){
            location.href='./registry.html';
        }
    </script>
</body>

</html>